<template>
  <div>
    <el-dialog
      v-model="dialogVisible"
      title="发起会议"
      width="30%"
      :before-close="handleClose"
      class="dialogStyle"
    >
      <div class="title">请选择会议类型:</div>
      <div class="coneten d-flex">
        <div class="item">建设项目立项会议</div>
        <div class="item">招标会议</div>
        <div class="item">投资会议</div>
        <div class="item">用章用印会议</div>
      </div>
  
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="handleClose" class="button_cancel2">取消</el-button>
          <el-button @click="dialogVisible = false" class="button_view">
            确定
          </el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<script setup>
import { ref, reactive } from "vue";
import { ElDialog } from "element-plus";

// const props = defineProps({
//   popover: {
//     type: Object,
//     default: {
//       form: {

//       }
//     }

//   }
// })

const state = reactive({
	user: "",
});
const dialogVisible = ref(false);

const handleClose = () => {
	dialogVisible.value = false;
};
const open = () => {
	dialogVisible.value = true;
	console.log("son", dialogVisible.value);
};

defineExpose({
	open,
});
</script>
<style lang="scss" scoped>
.title {
	font-size: 14px;
	font-family: SourceHanSansCN-Medium, SourceHanSansCN;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 21px;
}
.coneten {
	flex-wrap: wrap;
	padding: 20px 30px 0 30px;
	justify-content: space-around;
	.item {
		width: 204px;
		height: 38px;
		background: #d4ae85;
		border-radius: 20px;
		text-align: center;
		font-size: 16px;
		font-family: SourceHanSansCN-Medium, SourceHanSansCN;
		font-weight: 700;
		color: #ffffff;
		line-height: 38px;
		margin-bottom: 20px;
		cursor: pointer;
	}
	.item:nth-child(2n) {
		margin-right: 0px;
	}
}
</style>
<style lang="scss" scoped>
@import '@/views/constructionProjectManage/static/dialog.scss';
</style>
